.page-wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1rem;
  }
@font-face {
    font-family: 'main';
    src: url('fonts/LuoGuoChengMaoBiXiaoXianKaiJianTi/LuoGuoChengMaoBiXiaoXianKaiJianTi-2.ttf') format('truetype'), 
    }
.header {
    align-items: center;
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0.5em;
    padding: 10px 0;
    font-family:sans-serif;
    color: #000;
    font-size: 200%;
}
.about {
    align-items: center;
    padding: 0 20px;
}
.pure-g {
    letter-spacing: 0.00938em !important;
}
.pure-g {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.header .links {
    align-items: center;
    font-size: 1.1rem;
    flex: auto;
}
.bold {
    font-weight: bold;
}
nav {
    display: block;
    unicode-bidi: isolate;
}
.header .links .nav {
    width: 100%;
    top: 0px;
    z-index: 99;
    position: fixed;
    background-color: #f1f3f4;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    filter: drop-shadow(5px 5px 10px grey);
}
.avatar {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.avatar .circle-image {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 2px solid #3498db;
    transition: transform 0.3s;
}
.circle-image:hover {
    transform: scale(1.05);
}
.about .avatar div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.about .avatar div .name {
    box-sizing: border-box;
}
.about .info {
    text-align: right;
}
#section1 {
    margin: 10px auto;
    padding: 0 20px;
    max-width: calc(max(1600px, 51%));
    text-align: left;
}
.border{
    border: 1px dashed gray;
}
.pure-u-1 {
    width: 100%;
}
.pure-u-md-1-2, .pure-u-md-12-24 {
    width: 50%;
}
.highlight {
    color:#770e1c;
    font-weight: bold;
    font-style: normal;
}
.full-width {
    width:100%;
}
.white-background {
    background-color: #fff;
}
.content {
    margin: 10px auto;
    padding: 0 20px;
    max-width: calc(max(1600px, 51%));
    text-align: left;
}
.content * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    font-family: "main";
    letter-spacing: 0.00938em !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f8f9fa;
    overflow-y: auto;
    width: 1000px;
}
.blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}
.italic {
    font-style: italic;
}
.title {
    font-weight: bold;
    font-size: 30px;
}
.line {
    border-top: 2px solid gray;
    margin: 20px 0;
}
.publications {
    font-size: 15px;
}
div {
    display: block;
    unicode-bidi: isolate;
}
footer {
    display: block;
    unicode-bidi: isolate;
}
footer {
    width: 100%;
}
footer div {
    padding: 20px 0;
    text-align: center;
    display: table;
    white-space: nowrap;
    text-align: center;
    background: transparent;
    font-size: 16px;
    margin: auto;
    color: #80868b;
}
.publications .publication .information div {
    margin-bottom: 5px;
}
.publications .publication .thumbnail, .publications .publication .information {
    padding: 0 10px;
}
.publications .publication {
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 10px;
    margin: 20px;
}
@media screen and (min-width: 48em) {
    .pure-u-md-1-5 {
        width: 20%;
    }
}
@media screen and (min-width: 48em) {
    .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-12, .pure-u-md-1-2, .pure-u-md-1-24, .pure-u-md-1-3, .pure-u-md-1-4, .pure-u-md-1-5, .pure-u-md-1-6, .pure-u-md-1-8, .pure-u-md-10-24, .pure-u-md-11-12, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-2-24, .pure-u-md-2-3, .pure-u-md-2-5, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24, .pure-u-md-3-24, .pure-u-md-3-4, .pure-u-md-3-5, .pure-u-md-3-8, .pure-u-md-4-24, .pure-u-md-4-5, .pure-u-md-5-12, .pure-u-md-5-24, .pure-u-md-5-5, .pure-u-md-5-6, .pure-u-md-5-8, .pure-u-md-6-24, .pure-u-md-7-12, .pure-u-md-7-24, .pure-u-md-7-8, .pure-u-md-8-24, .pure-u-md-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
}
@media screen and (min-width: 35.5em) {
    .pure-u-sm-1-3, .pure-u-sm-8-24 {
        width: 33.3333%;
    }
}
@media screen and (min-width: 35.5em) {
    .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-12, .pure-u-sm-1-2, .pure-u-sm-1-24, .pure-u-sm-1-3, .pure-u-sm-1-4, .pure-u-sm-1-5, .pure-u-sm-1-6, .pure-u-sm-1-8, .pure-u-sm-10-24, .pure-u-sm-11-12, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-2-24, .pure-u-sm-2-3, .pure-u-sm-2-5, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24, .pure-u-sm-3-24, .pure-u-sm-3-4, .pure-u-sm-3-5, .pure-u-sm-3-8, .pure-u-sm-4-24, .pure-u-sm-4-5, .pure-u-sm-5-12, .pure-u-sm-5-24, .pure-u-sm-5-5, .pure-u-sm-5-6, .pure-u-sm-5-8, .pure-u-sm-6-24, .pure-u-sm-7-12, .pure-u-sm-7-24, .pure-u-sm-7-8, .pure-u-sm-8-24, .pure-u-sm-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
}
.publications .publication .title {
    color: black;
    font-weight: 400;
}
.publications .publication .venue,
.publications .publication .authors {
    color: #5f6368;
}
/* ==================== 小屏幕断点 (≥568px) ==================== */
@media screen and (min-width: 35.5em) {
    /* 基础网格类 */
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-12,
    .pure-u-sm-1-2,
    .pure-u-sm-1-24,
    .pure-u-sm-1-3,
    .pure-u-sm-1-4,
    .pure-u-sm-1-5,
    .pure-u-sm-1-6,
    .pure-u-sm-1-8,
    .pure-u-sm-10-24,
    .pure-u-sm-11-12,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-2-24,
    .pure-u-sm-2-3,
    .pure-u-sm-2-5,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24,
    .pure-u-sm-3-24,
    .pure-u-sm-3-4,
    .pure-u-sm-3-5,
    .pure-u-sm-3-8,
    .pure-u-sm-4-24,
    .pure-u-sm-4-5,
    .pure-u-sm-5-12,
    .pure-u-sm-5-24,
    .pure-u-sm-5-5,
    .pure-u-sm-5-6,
    .pure-u-sm-5-8,
    .pure-u-sm-6-24,
    .pure-u-sm-7-12,
    .pure-u-sm-7-24,
    .pure-u-sm-7-8,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    /* 具体宽度定义 */
    .pure-u-sm-1-24 { width: 4.1667%; }
    .pure-u-sm-1-12,
    .pure-u-sm-2-24 { width: 8.3333%; }
    .pure-u-sm-1-8,
    .pure-u-sm-3-24 { width: 12.5%; }
    .pure-u-sm-1-6,
    .pure-u-sm-4-24 { width: 16.6667%; }
    .pure-u-sm-1-5 { width: 20%; }
    .pure-u-sm-5-24 { width: 20.8333%; }
    .pure-u-sm-1-4,
    .pure-u-sm-6-24 { width: 25%; }
    .pure-u-sm-7-24 { width: 29.1667%; }
    .pure-u-sm-1-3,
    .pure-u-sm-8-24 { width: 33.3333%; }
    .pure-u-sm-3-8,
    .pure-u-sm-9-24 { width: 37.5%; }
    .pure-u-sm-2-5 { width: 40%; }
    .pure-u-sm-10-24,
    .pure-u-sm-5-12 { width: 41.6667%; }
    .pure-u-sm-11-24 { width: 45.8333%; }
    .pure-u-sm-1-2,
    .pure-u-sm-12-24 { width: 50%; }
    .pure-u-sm-13-24 { width: 54.1667%; }
    .pure-u-sm-14-24,
    .pure-u-sm-7-12 { width: 58.3333%; }
    .pure-u-sm-3-5 { width: 60%; }
    .pure-u-sm-15-24,
    .pure-u-sm-5-8 { width: 62.5%; }
    .pure-u-sm-16-24,
    .pure-u-sm-2-3 { width: 66.6667%; }
    .pure-u-sm-17-24 { width: 70.8333%; }
    .pure-u-sm-18-24,
    .pure-u-sm-3-4 { width: 75%; }
    .pure-u-sm-19-24 { width: 79.1667%; }
    .pure-u-sm-4-5 { width: 80%; }
    .pure-u-sm-20-24,
    .pure-u-sm-5-6 { width: 83.3333%; }
    .pure-u-sm-21-24,
    .pure-u-sm-7-8 { width: 87.5%; }
    .pure-u-sm-11-12,
    .pure-u-sm-22-24 { width: 91.6667%; }
    .pure-u-sm-23-24 { width: 95.8333%; }
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-24-24,
    .pure-u-sm-5-5 { width: 100%; }
}

/* ==================== 中屏幕断点 (≥768px) ==================== */
@media screen and (min-width: 48em) {
    /* 基础网格类 */
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-12,
    .pure-u-sm-1-2,
    .pure-u-sm-1-24,
    .pure-u-sm-1-3,
    .pure-u-sm-1-4,
    .pure-u-sm-1-5,
    .pure-u-sm-1-6,
    .pure-u-sm-1-8,
    .pure-u-sm-10-24,
    .pure-u-sm-11-12,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-2-24,
    .pure-u-sm-2-3,
    .pure-u-sm-2-5,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24,
    .pure-u-sm-3-24,
    .pure-u-sm-3-4,
    .pure-u-sm-3-5,
    .pure-u-sm-3-8,
    .pure-u-sm-4-24,
    .pure-u-sm-4-5,
    .pure-u-sm-5-12,
    .pure-u-sm-5-24,
    .pure-u-sm-5-5,
    .pure-u-sm-5-6,
    .pure-u-sm-5-8,
    .pure-u-sm-6-24,
    .pure-u-sm-7-12,
    .pure-u-sm-7-24,
    .pure-u-sm-7-8,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    /* 具体宽度定义 */
    .pure-u-sm-1-24 { width: 4.1667%; }
    .pure-u-sm-1-12,
    .pure-u-sm-2-24 { width: 8.3333%; }
    .pure-u-sm-1-8,
    .pure-u-sm-3-24 { width: 12.5%; }
    .pure-u-sm-1-6,
    .pure-u-sm-4-24 { width: 16.6667%; }
    .pure-u-sm-1-5 { width: 20%; }
    .pure-u-sm-5-24 { width: 20.8333%; }
    .pure-u-sm-1-4,
    .pure-u-sm-6-24 { width: 25%; }
    .pure-u-sm-7-24 { width: 29.1667%; }
    .pure-u-sm-1-3,
    .pure-u-sm-8-24 { width: 33.3333%; }
    .pure-u-sm-3-8,
    .pure-u-sm-9-24 { width: 37.5%; }
    .pure-u-sm-2-5 { width: 40%; }
    .pure-u-sm-10-24,
    .pure-u-sm-5-12 { width: 41.6667%; }
    .pure-u-sm-11-24 { width: 45.8333%; }
    .pure-u-sm-1-2,
    .pure-u-sm-12-24 { width: 50%; }
    .pure-u-sm-13-24 { width: 54.1667%; }
    .pure-u-sm-14-24,
    .pure-u-sm-7-12 { width: 58.3333%; }
    .pure-u-sm-3-5 { width: 60%; }
    .pure-u-sm-15-24,
    .pure-u-sm-5-8 { width: 62.5%; }
    .pure-u-sm-16-24,
    .pure-u-sm-2-3 { width: 66.6667%; }
    .pure-u-sm-17-24 { width: 70.8333%; }
    .pure-u-sm-18-24,
    .pure-u-sm-3-4 { width: 75%; }
    .pure-u-sm-19-24 { width: 79.1667%; }
    .pure-u-sm-4-5 { width: 80%; }
    .pure-u-sm-20-24,
    .pure-u-sm-5-6 { width: 83.3333%; }
    .pure-u-sm-21-24,
    .pure-u-sm-7-8 { width: 87.5%; }
    .pure-u-sm-11-12,
    .pure-u-sm-22-24 { width: 91.6667%; }
    .pure-u-sm-23-24 { width: 95.8333%; }
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-24-24,
    .pure-u-sm-5-5 { width: 100%; }
}

/* ==================== 大屏幕断点 (≥1024px) ==================== */
@media screen and (min-width: 64em) {
    /* 基础网格类 */
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-12,
    .pure-u-sm-1-2,
    .pure-u-sm-1-24,
    .pure-u-sm-1-3,
    .pure-u-sm-1-4,
    .pure-u-sm-1-5,
    .pure-u-sm-1-6,
    .pure-u-sm-1-8,
    .pure-u-sm-10-24,
    .pure-u-sm-11-12,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-2-24,
    .pure-u-sm-2-3,
    .pure-u-sm-2-5,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24,
    .pure-u-sm-3-24,
    .pure-u-sm-3-4,
    .pure-u-sm-3-5,
    .pure-u-sm-3-8,
    .pure-u-sm-4-24,
    .pure-u-sm-4-5,
    .pure-u-sm-5-12,
    .pure-u-sm-5-24,
    .pure-u-sm-5-5,
    .pure-u-sm-5-6,
    .pure-u-sm-5-8,
    .pure-u-sm-6-24,
    .pure-u-sm-7-12,
    .pure-u-sm-7-24,
    .pure-u-sm-7-8,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    /* 具体宽度定义 */
    .pure-u-sm-1-24 { width: 4.1667%; }
    .pure-u-sm-1-12,
    .pure-u-sm-2-24 { width: 8.3333%; }
    .pure-u-sm-1-8,
    .pure-u-sm-3-24 { width: 12.5%; }
    .pure-u-sm-1-6,
    .pure-u-sm-4-24 { width: 16.6667%; }
    .pure-u-sm-1-5 { width: 20%; }
    .pure-u-sm-5-24 { width: 20.8333%; }
    .pure-u-sm-1-4,
    .pure-u-sm-6-24 { width: 25%; }
    .pure-u-sm-7-24 { width: 29.1667%; }
    .pure-u-sm-1-3,
    .pure-u-sm-8-24 { width: 33.3333%; }
    .pure-u-sm-3-8,
    .pure-u-sm-9-24 { width: 37.5%; }
    .pure-u-sm-2-5 { width: 40%; }
    .pure-u-sm-10-24,
    .pure-u-sm-5-12 { width: 41.6667%; }
    .pure-u-sm-11-24 { width: 45.8333%; }
    .pure-u-sm-1-2,
    .pure-u-sm-12-24 { width: 50%; }
    .pure-u-sm-13-24 { width: 54.1667%; }
    .pure-u-sm-14-24,
    .pure-u-sm-7-12 { width: 58.3333%; }
    .pure-u-sm-3-5 { width: 60%; }
    .pure-u-sm-15-24,
    .pure-u-sm-5-8 { width: 62.5%; }
    .pure-u-sm-16-24,
    .pure-u-sm-2-3 { width: 66.6667%; }
    .pure-u-sm-17-24 { width: 70.8333%; }
    .pure-u-sm-18-24,
    .pure-u-sm-3-4 { width: 75%; }
    .pure-u-sm-19-24 { width: 79.1667%; }
    .pure-u-sm-4-5 { width: 80%; }
    .pure-u-sm-20-24,
    .pure-u-sm-5-6 { width: 83.3333%; }
    .pure-u-sm-21-24,
    .pure-u-sm-7-8 { width: 87.5%; }
    .pure-u-sm-11-12,
    .pure-u-sm-22-24 { width: 91.6667%; }
    .pure-u-sm-23-24 { width: 95.8333%; }
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-24-24,
    .pure-u-sm-5-5 { width: 100%; }
}

/* ==================== 超大屏幕断点 (≥1280px) ==================== */
@media screen and (min-width: 80em) {
    /* 基础网格类 */
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-12,
    .pure-u-sm-1-2,
    .pure-u-sm-1-24,
    .pure-u-sm-1-3,
    .pure-u-sm-1-4,
    .pure-u-sm-1-5,
    .pure-u-sm-1-6,
    .pure-u-sm-1-8,
    .pure-u-sm-10-24,
    .pure-u-sm-11-12,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-2-24,
    .pure-u-sm-2-3,
    .pure-u-sm-2-5,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24,
    .pure-u-sm-3-24,
    .pure-u-sm-3-4,
    .pure-u-sm-3-5,
    .pure-u-sm-3-8,
    .pure-u-sm-4-24,
    .pure-u-sm-4-5,
    .pure-u-sm-5-12,
    .pure-u-sm-5-24,
    .pure-u-sm-5-5,
    .pure-u-sm-5-6,
    .pure-u-sm-5-8,
    .pure-u-sm-6-24,
    .pure-u-sm-7-12,
    .pure-u-sm-7-24,
    .pure-u-sm-7-8,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    /* 具体宽度定义 */
    .pure-u-sm-1-24 { width: 4.1667%; }
    .pure-u-sm-1-12,
    .pure-u-sm-2-24 { width: 8.3333%; }
    .pure-u-sm-1-8,
    .pure-u-sm-3-24 { width: 12.5%; }
    .pure-u-sm-1-6,
    .pure-u-sm-4-24 { width: 16.6667%; }
    .pure-u-sm-1-5 { width: 20%; }
    .pure-u-sm-5-24 { width: 20.8333%; }
    .pure-u-sm-1-4,
    .pure-u-sm-6-24 { width: 25%; }
    .pure-u-sm-7-24 { width: 29.1667%; }
    .pure-u-sm-1-3,
    .pure-u-sm-8-24 { width: 33.3333%; }
    .pure-u-sm-3-8,
    .pure-u-sm-9-24 { width: 37.5%; }
    .pure-u-sm-2-5 { width: 40%; }
    .pure-u-sm-10-24,
    .pure-u-sm-5-12 { width: 41.6667%; }
    .pure-u-sm-11-24 { width: 45.8333%; }
    .pure-u-sm-1-2,
    .pure-u-sm-12-24 { width: 50%; }
    .pure-u-sm-13-24 { width: 54.1667%; }
    .pure-u-sm-14-24,
    .pure-u-sm-7-12 { width: 58.3333%; }
    .pure-u-sm-3-5 { width: 60%; }
    .pure-u-sm-15-24,
    .pure-u-sm-5-8 { width: 62.5%; }
    .pure-u-sm-16-24,
    .pure-u-sm-2-3 { width: 66.6667%; }
    .pure-u-sm-17-24 { width: 70.8333%; }
    .pure-u-sm-18-24,
    .pure-u-sm-3-4 { width: 75%; }
    .pure-u-sm-19-24 { width: 79.1667%; }
    .pure-u-sm-4-5 { width: 80%; }
    .pure-u-sm-20-24,
    .pure-u-sm-5-6 { width: 83.3333%; }
    .pure-u-sm-21-24,
    .pure-u-sm-7-8 { width: 87.5%; }
    .pure-u-sm-11-12,
    .pure-u-sm-22-24 { width: 91.6667%; }
    .pure-u-sm-23-24 { width: 95.8333%; }
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-24-24,
    .pure-u-sm-5-5 { width: 100%; }
}
.publications .publication .header,
.publications .publication .year-header {
    text-transform: uppercase;
    font-size: smaller;
    font-weight: bold;
    color: #770e1c;
}
pure-hidden-xs{display:none}
.publications .publication .title {
    color: black;
    font-weight: 400;
}
.geeks {
    font-size: 40px;
    font-weight: bold;
    color: green;
}
canvas {
    border: 2px solid black;
    margin-top: 10px;
}

#word-cloud-container {
    margin-top: 20px; /* 调整上边距 */
    margin-bottom: 20px; /* 调整下边距 */
}

#word-cloud {
    width: 100%; /* 调整宽度为100% */
    height: 600px; /* 调整高度 */
    margin: auto; /* 居中显示 */
}

.card-body {
    padding: 0; /* 移除外边距 */
    align-self: center;
}

.card-header {
    padding: 10px; /* 调整内边距 */
    font-size: 22px; text-align: center; font-weight: bold; border: 0; background: white;
}

#word-cloud-container1 {
    margin-top: 20px; /* 调整上边距 */
    margin-bottom: 20px; /* 调整下边距 */
}

#llm-word-cloud {
    width: 100%; /* 调整宽度为100% */
    height: 600px; /* 调整高度 */
    margin: 0 auto; /* 居中显示 */
}